<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
	  <script src="file:///android_asset/js/jquery.js" type="text/javascript"></script> 
	  <script src="file:///android_asset/js/mapa.js" type="text/javascript"></script>
		  <!--<script src="js/jquery.js" type="text/javascript"></script> 
		  <script src="js/mapa.js" type="text/javascript"></script> -->
		<style type="text/css">
			body{
				border:0px; padding:0px;
				position: absolute;
				margin:0px;
				font-size:40px;
			}
			img{
				border:0px; padding:0px
			}
			#links ul li{
				display: inline;
				border: solid 2px black;
				/*border-radius: 10px;*/
				background-color: #EEEEEE;
				padding: 3px;
				margin: 3px
			}
			#links ul li a{
				height: 50px;
				text-align:center
			}
			
			#marker {
				border: solid 6px red;
				position: absolute;
				width:250px;
				height: 250px
			}
			/*
			*{
    		-webkit-tap-highlight-color: rgba(1, 0, 0, 1)
    	}*/
    
		</style>
	</head>
	<body id="mapa">
	<div id="pontos">Pontos de interesse</div>
	<div id="links">
	    <ul>
	      <li><a id="barraca1" class="loja1">Setor 1</a></li>
	      <li><a id="barraca2" class="loja2">Setor 2</a></li>
	      <li><a id="barraca3" class="loja3">Setor 3</a></li>
	      <li><a id="barraca4" class="loja4">Biergarten</a></li>
	      <li><a id="barraca5" class="loja5">Emporio Vila Germanica</a></li>
	      <li><a id="barraca6" class="loja6">Parque / Portao 1</a></li>
	      <li><a id="barraca7" class="loja7">Portao 2</a></li>
	      <li><a id="barraca8" class="loja8">Portao 3</a></li>
	    </ul>
	  </div>
	<img id="imagem_mapa" src="file:///android_asset/mapa.jpg" />
	<!--<img src="mapa.jpg" />-->
	  
	</body>
</html>
